<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    计算属性computed
    支持缓存，只有依赖数据发生改变，才会重新进行计算，主要监听data
    不支持异步，当computed内有异步操作时无效，无法监听数据的变化
    数据量大，需要缓存的时候用 computed ；每次确实需要重新加载，不需要缓存时用 methods

    
    侦听属性watch：
    不支持缓存，数据变化，直接会触发相应的操作；watch支持异步；
    主要用于监控vue实例的变化，一般用于监控路由，props,input输入框的值
</body>

</html>